<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>考生信息管理 - 在线考试网后台管理</title>
		<!-- 图标样式 -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
		<link rel="stylesheet" href="./css/studentinfomanage.css" />
	</head>
	<body>
		<!-- 左侧菜单 -->
		<div class="sidebar">
			<div class="menu-item" id="admin-info-management" onclick="window.location.href = 'manageindex.html'">
				<i class="fas fa-user-shield"></i>
				<span>管理员信息管理</span>
			</div>
			<div class="menu-item" id="class-info-management" onclick="window.location.href = 'manageclass.html'">
				<i class="fas fa-users"></i>
				<span>班级信息管理</span>
			</div>
			<div class="menu-item" id="student-info-management">
				<i class="fas fa-user-graduate"></i>
				<span>考生信息管理</span>
			</div>
			<div class="menu-item" id="student-score" onclick="window.location.href = 'studentscore.html'">
				<i class="fas fa-chart-line"></i>
				<span>考生成绩查询</span>
			</div>
			<div class="menu-item" id="course-info-manage" onclick="window.location.href = 'managecourse.html'">
				<i class="fas fa-book"></i>
				<span>课程信息管理</span>
			</div>
			<div class="menu-item" id="exame-manage" onclick="window.location.href = 'testmanage.html'">
				<i class="fas fa-tasks"></i>
				<span>考试题目管理</span>
			</div>
			<div class="menu-item" id="exame-info-manage" onclick="window.location.href = 'examemanage.html'">
				<i class="fas fa-file-alt"></i>
				<span>试卷管理</span>
			</div>
			<div class="menu-item" id="logout" onclick="confirmExit()">
				<i class="fas fa-sign-out-alt"></i>
				<span>退出后台管理</span>
			</div>
		</div>

		<!-- 主要内容区域 -->
		<div class="main-content">
			<!-- 顶部导航 -->
			<div class="nav-box">
				<div class="logo">
					<img src="./img/examicon.svg" alt="Logo">
					<h1>在线考试网后台管理</h1>
				</div>
			</div>

			<!-- 面包屑导航 -->
			<div class="content-wrapper">
				<div class="breadcrumb">
					<span class="breadcrumb-text">当前位置：考生信息管理 >>></span>
					<span class="admin-info">当前管理员：wyh</span>
				</div>
			</div>

			<!-- 考生信息管理内容 -->
			<div class="content-box">
				<!-- 搜索表单 -->
				<form class="search-form">
					<div class="from-input">
						<input type="text" placeholder="考生姓名" id="studentName">
						<input type="text" placeholder="准考证号" id="examNumber">
						<input type="text" placeholder="身份证号" id="idNumber">
						<input type="text" placeholder="考试科目" id="examSubject">
					</div>

					<div class="button-group">
						<button type="button" class="search-btn">搜索</button>
						<button type="button" class="reset-btn">重置</button>
					</div>
				</form>

				<!-- 考生统计信息 -->
				<div class="student-count">
					共 256 名考生，已完成考试 180 人
				</div>

				<!-- 考生信息表格 -->
				<table>
					<thead>
						<tr>
							<th>准考证号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>身份证号</th>
							<th>考试科目</th>
							<th>考试时间</th>
							<th>考试状态</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>2024030101</td>
							<td>陈思远</td>
							<td>男</td>
							<td>330102199001015678</td>
							<td>计算机基础</td>
							<td>2024-03-01 09:00</td>
							<td><span class="status-completed">已完成</span></td>
							<td>
								<button class="action-icon">🗑️</button>
								<button class="action-icon">👁️</button>
							</td>
						</tr>
						<tr>
							<td>2024030102</td>
							<td>林雨晴</td>
							<td>女</td>
							<td>330102199203024321</td>
							<td>英语口语</td>
							<td>2024-03-01 14:00</td>
							<td><span class="status-pending">待考试</span></td>
							<td>
								<button class="action-icon">🗑️</button>
								<button class="action-icon">👁️</button>
							</td>
						</tr>
					</tbody>
				</table>

				<!-- 分页 -->
				<div class="pagination-info">
					<span class="total-info">共 25 个考生</span>
					<div class="pagination">
						<button class="page-btn">上一页</button>
						<button class="page-btn active">1</button>
						<button class="page-btn">2</button>
						<button class="page-btn">3</button>
						<button class="page-btn">下一页</button>
					</div>
				</div>
			</div>
		</div>
		<script src="js/studentinfomanage.js"></script>
		<script src="js/exit.js"></script>
	</body>
</html>